	.search{
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #FFFFFF;
		&-list_array{
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			margin-top: 20upx;
			text{
				padding: 17upx 40upx;
				background-color: #FFFFFF;
				text-align: center;
				box-sizing: border-box;
				border-radius: 40upx;
				font-size: 26upx;
				color: #333333;
				margin-top: 20upx;
				margin-bottom: 20upx;
				margin-right: 20upx;
			}
		}
		&-list_del{
			width:30upx;
			height: 30upx;
		}
		&-list_img{
			display: flex;
			align-items: center;
			font-size: 30upx;
			color: #999999;
			image{
				width: 30upx;
				height: 30upx;
				display: block;
				margin-right: 10upx;
			}
		}
		&-list_all{
			margin:20upx 0;
			padding: 0 30upx;
			box-sizing: border-box;
		}
		&-list_history{
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		&-list{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			padding: 0 30upx;
			box-sizing: border-box;
			background-color: #FFFFFF;
		}
		&-list_text{
			font-size: 26upx;
			color: #999999;
			padding: 24upx 0;
			border-bottom: 2upx solid #F9F9F9;
			box-sizing: border-box;
		}
		&-content{
			position: relative;
			// background-color: #FFFFFF;
		}
	   &-input{
	   	display: flex;
	   	align-items: center;
	   	padding: 0 30upx;
	   	justify-content: space-between;
		flex: 1;
	   }
	   &-close{
	   	font-size: 30upx;
	   	color: #666666;
	   }
	   &-input_input{
	   	font-size: 28upx;
	   	color: #333333;
	   	width: 80%;
	   }
	   &-flex{
	   	display: flex;
	   	align-items: center;
	   	justify-content: space-between;
	   	margin: 20upx 0;
	   	padding: 0 30upx;
	   	width:80%;
	   	height:60upx;
	   	background:rgba(249,249,249,1);
	   	border-radius:30upx;
	   }
	   .error_icon{
	   	color: #D1D1D1;
	   }	
	}
	.product-Con{
		
	}
	.volume {
		font-size: 20upx;
		color: #999;
		margin: 20upx 0 20upx 0;
	}
	.volume-font{
		padding: 8upx 17upx;
		box-sizing: border-box;
		background:rgba(255,40,66,0.04);
		width: auto;
		height: auto;
		float: left;
		border-radius:4upx;
		color: $them-page-color;
		display: flex;
		align-items: center;
		justify-content: center;
		image{
			width:25upx;
			height: 25upx;
			margin-right:10upx;
		}
	}
	.p-box {
		// display: flex;
		// flex-direction: column;
		margin-left: 10upx;
		margin-top: 8upx;
		image{
			width:15upx;
			height:28upx;
		}
		.icon-shang {
			display: inline-block;
			width: 10upx;
			height: 10upx;
			margin-left: 10upx;
			border-top: 2upx solid #888;
			border-left: 2upx solid #888;
			transform: rotate(45deg);

			&.active {
				border-top: 2upx solid red;
				border-left: 2upx solid red;
			}
		}

		.xia {
			transform: rotate(-135deg);
		}
	}

	.search {


		.btn {
			width: 80upx;
			height: 60upx;
			border-radius: 10upx;
			background-color: $them-page-color;
			color: #F1F1F1;
			font-size: 28upx;
			text-align: center;
			line-height: 60upx;
			margin-left: 20upx;
		}

		.classify {
			width: 80upx;
			height: 60upx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
transform: scale(0.8, 0.8);
			.icon {
				font-size:30upx;
				color: #999999;
				margin-bottom: 15upx;
			}

			.classify_item {
				font-size: 24upx;
				color: #999999;
				line-height: 24upx;
			}
		}
	}

	.nav {
		width: 100%;
		height: 84upx;
		display: flex;
		align-items: center;
		justify-content: space-around;
		// padding-bottom: 20upx;
		background-color: #FFFFFF;
		border-top: 2upx solid #EEEEEE;
		box-sizing: border-box;
		.nav_item {
			flex: 1;
			height: 32upx;
			font-size: 28upx;
			color: #333333;
			text-align: center;
			line-height: 32upx;
			display: flex;
			align-items: center;
			justify-content: center;

			// image {
			// 	width: 28upx;
			// 	height: 28upx;
			// 	margin-left: 8upx;
			// 	vertical-align: middle;
			// }
		}

		.nav_item_item {
			color: $them-page-color;
			font-weight: bold;
		}
	}

	.product1{
		background-color: #FFFFFF;
		padding: 0 24upx;
		box-sizing: border-box;
		margin-top: 20upx;
	}
	.list {
		width: 100%;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		padding:30upx 0;
		.sc-tour-li-tags{
			position: absolute;
			top: 0;
			left:5%;
			width: 65upx;
			height: 64upx;
			font-size: 18upx;
			color: #FFFFFF;
			word-wrap: break-word;
			word-break: break-all;
			text-align: center;
			background-image: url('https://jy-shops.oss-cn-beijing.aliyuncs.com/client/image/add_images/sc-tags.png');
			background-size: cover;
			z-index: 10;
			transform-origin: 0 0;
			padding: 0 10upx;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			&.top{
				top: 20upx;
			}
			text{
				transform: scale(0.8,0.8);
				line-height: 1.3;
			}
		}
		.pic {
			width:180upx;
			height:180upx;
			margin-right:28upx;
			position: relative;
			border-radius: 10upx;
			overflow: hidden;
			.pic-cover {
				width: 100%;
				height: 100%;
			}
		}
		.pro-flex{
			width: 100%;
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
			// margin-top:25upx;
			// min-width:432upx;
		}

		.info {
			width:500upx;
			height:180upx;
			position: relative;
			box-sizing: border-box;
			// border-bottom: 2upx solid #f0f0f0;
			// max-width:432upx;
			// height: 244upx;
			// padding-bottom: 20upx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: flex-start;
			// min-height: 276upx;
			.info_tilte {
				font-size: 28upx;
				color: #333333;
				overflow: hidden;/*超出部分隐藏*/
				white-space: nowrap;/*不换行*/
				text-overflow:ellipsis;/*超出部分文字以...显示*/
				width:460upx;
			}

			.desc {
				font-size: 24upx;
				color: #666;
				line-height: 32upx;
				height: 32upx;
				overflow: hidden;/*超出部分隐藏*/
				white-space: nowrap;/*不换行*/
				text-overflow:ellipsis;/*超出部分文字以...显示*/
				margin: 20upx 0;
				max-width:432upx;
			}

			.price {
				// margin-top: 20upx;
				.price_now {
					font-size: 30upx;
					color: $them-page-color;
					// line-height: 40upx;
					font-weight: bold;
					&::before{
						content: "￥";
						display: inline-block;
						font-size: 22upx;
						font-weight: 500;
					}
				}

				.price_line {
					font-size: 18upx;
					color: #666666;
					line-height: 40upx;
					height: 32upx;
					text-decoration: line-through;
					margin-left: 10upx;
				}
			}

			.addcart {
				// position: absolute;
				// bottom: 15upx;
				// right: 0;
				width: 46upx;
				height:44upx;
				image {
					width: 100%;
					height: 100%;
				}
			}

			.add_delet {
				position: absolute;
				bottom: 20upx;
				right: 0;

				.delet {
					text-align: right;

					.icon {
						font-size: 28upx;
						color: #999999;
					}
				}

				.add {
					.icon {
						font-size: 28upx;
						color: #999999;
					}

					text {
						font-size: 28upx;
						margin: 0 10upx;
					}
				}
			}
		}

	}

	.list:last-child .info {
		border-bottom: none;
	}

	.navigation {
		height:100vh;
		.all-one{
			font-size: 30upx;
			color: #333333;
			font-weight: bold;
			border-bottom: 2upx solid #F9F9F9;
			padding: 36upx 0 36upx 24upx;
			display: block;
			&.active{
				color: $them-page-color;
			}
		}
		.all-two{
			font-size: 26upx;
			display: block;
			color: #666666;
			padding: 24upx 0 24upx 24upx;
			&.active{
				color: $them-page-color;
			}
		}
		.draw_navigation-all{
			
		}
		.draw_navigation-li{
			margin-top: 30upx;
		}
	}
	.draw_navigation {
		.draw_navigation_one {
			width: 100%;
			height: 100upx;
			line-height: 100upx;
			font-size: 32upx;
			color: #000000;
			padding-left: 30upx;
			box-sizing: border-box;
			border-bottom: 2upx solid #E1E1E1;
			font-weight: 400;
		}

		.navigation_i {
			color: $them-page-color;
		}

		.draw_navigation_two {
			padding-left: 30upx;
			padding-top: 20upx;
			box-sizing: border-box;

			.draw_navigation_two_item {
				font-size: 28upx;
				color: #333333;
				line-height: 60upx;
			}

			.navigation_i {
				color: $them-page-color;
			}
		}
	}